@charset "UTF-8";


/* reset css */

body, h1, h2, p,a, img {
  margin:0px;
  padding:0px;
  font-size:100%;
  text-decoration:none;
 	list-style-type: none;
}

/* structure */

#wrapper {
  border:1px solid black;
  width:1000px;
  margin:auto;
  background:#ddd;
  margin-top:20px;
   transform: scale(1.4) rotate(-100deg);
}

#wrapper:hover {
  border:1px solid black;
  width:1000px;
  margin:auto;
  background:#ddd;
  margin-top:20px;
   transform: scale(1.4) rotate(-120deg);
}

#header {
  border-bottom:1px solid black;
  height:400px;
}

#header #logo  {
 
  width:35%;
    float:left;
  height:400px;
}

#header #headerRight {

  width:65%;
  float:left;
    height:400px;
}

#header #headerRight h1 {
  font-size:130px;
  
}


#box {
 height:100px;
  width:100px;
  border:1px solid;
  background:#fff;
  position:absolute;
  z-index:1000
}

#box2 {
 height:90px;
  width:90px;
  border:1px solid;
  background:#dea;
  position:absolute;
    z-index:2000;
}


li {
  display:inline-block;
  border:1px solid;
  width:100px;
  height:20px;
  border-radius:500px;
 transform: scale(1.4) rotate(-10deg);
}



